<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>简易小商城</title>
		<link rel="icon" type="image/x-icon" href="image/title_logo.ico">
		<link rel="icon" type="image/x-icon" href="image/title_logo.ico">
		<link rel="stylesheet" type="text/css" href="css/login.css">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
	</head>
	<body>
		<!--程序导航栏-->
		<div class="header">
			<div class="header_center">
				<div class="header_logo index_header_logo">
					<a href="/index" title="简易小商城"></a>
					<a href="/index" title="简易小商城">简易小商城</a>
				</div>
				<div class="nav">
					<ul>
						<il><a href="/index" class="iconfont">商品选择&#xe605;<span>|</span></a></il>
						<il><a href="/shppingcar" class="iconfont">购物车&#xe605;<span>|</span></a></il>
						<il><a href="/settlement" class="iconfont">收款&#xe605;<span></span></a></il>
					</ul>
					<div class="details">
						<a href="#">
							
						</a>
						<a href="#" class="iconfont">
							个人首页&#xe611;
						</a>
					</div>
				</div>
			</div>
		</div>
		<!--商品展示模块-->
		<div class="show_stand">
			<ul>
				<li>
					<img src="image/商品%20(1).jpg">
					<form th:action="@{/calculate}">
						<div class="cover"></div>
						<input type="text" value="no-skip" style="display: none" name="tag">
						<input class="iconfont" type="text" value="￥50"  name="price"/>
						<input class="iconfont" type="submit" value="加入购物车&#xe6de;" name="shppingcart"/>
					</form>
				</li>
				<li>
					<img src="image/商品%20(2).jpg">
					<form th:action="@{/calculate}">
						<div class="cover"></div>
						<input type="text" value="no-skip" style="display: none" name="tag">
						<input class="iconfont" type="text" value="￥100" name="price"/>
						<input class="iconfont" type="submit" value="加入购物车&#xe6de;" name="shppingcart"/>
					</form>
				</li>
				<li>
					<img src="image/商品%20(3).jpg">
					<form th:action="@{/calculate}">
						<div class="cover"></div>
						<input type="text" value="no-skip" style="display: none" name="tag">
						<input class="iconfont" type="text" value="￥100" name="price"/>
						<input class="iconfont" type="submit" value="加入购物车&#xe6de;" name="shppingcart"/>
					</form>
				</li>
				<li>
					<img src="image/商品%20(4).jpg">
					<form th:action="@{/calculate}">
						<input type="text" value="no-skip" style="display: none" name="tag">
						<input class="iconfont" type="text" value="￥105" name="price"/>
						<input class="iconfont" type="submit" value="加入购物车&#xe6de;" name="shppingcart"/>
					</form>
				</li>
				<li>
					<img src="image/商品%20(5).jpg">
					<form th:action="@{/calculate}">
						<div class="cover"></div>
						<input type="text" value="no-skip" style="display: none" name="tag">
						<input class="iconfont" type="text" value="￥130" name="price"/>
						<input class="iconfont" type="submit" value="加入购物车&#xe6de;" name="shppingcart"/>
					</form>
				</li>
				<li>
					<img src="image/商品%20(6).jpg">
					<form th:action="@{/calculate}">
						<div class="cover"></div>
						<input type="text" value="no-skip" style="display: none" name="tag">
						<input class="iconfont" type="text" value="￥310" name="price"/>
						<input class="iconfont" type="submit" value="加入购物车&#xe6de;" name="shppingcart"/>
					</form>
				</li>
				<li>
					<img src="image/商品%20(7).jpg">
					<form th:action="@{/calculate}">
						<div class="cover"></div>
						<input type="text" value="no-skip" style="display: none" name="tag">
						<input class="iconfont" type="text" value="￥410" name="price"/>
						<input class="iconfont" type="submit" value="加入购物车&#xe6de;" name="shppingcart"/>
					</form>
				</li>
				<li>
					<img src="image/商品%20(8).jpg">
					<form th:action="@{/calculate}">
						<div class="cover"></div>
						<input type="text" value="no-skip" style="display: none" name="tag">
						<input class="iconfont" type="text" value="￥120" name="price"/>
						<input class="iconfont" type="submit" value="加入购物车&#xe6de;" name="shppingcart"/>
					</form>
				</li>
				<li>
					<img src="image/商品%20(9).jpg">
					<form th:action="@{/calculate}">
						<div class="cover"></div>
						<input type="text" value="no-skip" style="display: none" name="tag">
						<input class="iconfont" type="text" value="￥110" name="price"/>
						<input class="iconfont" type="submit" value="加入购物车&#xe6de;" name="shppingcart"/>
					</form>
				</li>
				<li>
					<img src="image/商品%20(10).jpg">
					<form th:action="@{/calculate}">
						<div class="cover"></div>
						<input type="text" value="no-skip" style="display: none" name="tag">
						<input class="iconfont" type="text" value="￥180" name="price"/>
						<input class="iconfont" type="submit" value="加入购物车&#xe6de;" name="shppingcart"/>
					</form>
				</li>
				<li>
					<form th:action="@{/calculate}">
						<input class="iconfont" type="text" value="￥0" name="price" style="display: none"/>
						<input class="iconfont" type="text" value="skip" name="tag" style="display: none"/>
						<input class="iconfont" type="submit" value="选购完成" name="shppingcart"/>
					</form>
				</li>
			</ul>
		</div>
	</body>
</html>